<!--
 * @Description: 表单
 * @Author: rendc
 * @Date: 2022-09-01 09:38:10
 * @LastEditors: rendc
 * @LastEditTime: 2022-09-02 09:19:35
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表单</title>
</head>

<body>
  <form action="#" method="post">
    <label for="username">用户名</label>
    <input id="username" name="username" type="text" value="">
    <br>
    <label for="phone">手机号</label>
    <input id="phone" name="phone" type="text" value="" maxlength="11">
    <br>
    <label for="password">密码</label>
    <input id="password" name="password" type="password">
    <br>
    <label for="genderId">男</label>
    <input id="genderId" type="radio" name="gender" value="男">
    <label for="genderid">女</label>
    <input id="genderid" type="radio" name="gender" value="女">
    <br>
    <h3>爱好</h3>
    <input type="checkbox" name="like" id="zuqiu">
    <label for="zuqiu">⚽️</label>
    <input type="checkbox" name="like" id="lanqiu">
    <label for="lanqiu">🏀</label>
    <input type="checkbox" name="like" id="pinpangqiu">
    <label for="pinpangqiu">🏓</label>
    <br>
    <input type="file" name="file" id="photoFile">
    <br>
    <input type="hidden" name="time" value="2022年09月01日10:28:29">
    <br>
    <select name="bookId" id="bookSelect">
      <option value="1">西游记</option>
      <option disabled value="2">红楼梦（无货）</option>
      <option selected value="3">经济学讲义</option>
      <option value="4">刑法学</option>
    </select>
    <br>
    <textarea readonly name="desc" id="descText" cols="10" rows="10">我同意用户协议</textarea>
    <input type="submit" value="登录">
    <input disabled type="reset" value="重置">
  </form>
</body>

</html>